﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>Social Bookmark Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="en" />

<script src="jquery.js" type="text/javascript" ></script>   

<!-- MSE-iT libraries -->
<script src="../JQuery.layouthelpers.js" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function() 
{	
	var templates = new Array(
		'<a href="/" title="{1}">{0}</a>',
		'<a href="/" title="{1}">{0}</a>',
		'<a href="/" title="{1}">{0}</a>');

	var replacements = new Array(
		'Text to insert',
		'Title to insert'
		);

	$("#BookmarkContainer").appendTemplates(templates,replacements);
});

</script>

<style type="text/css">

body {	
background-color: yellow;
margin: 5px 5px 5px 5px;
padding: 0px 0px 0px 0px;

}

#BookmarkContainer
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display:block;
	width:90%;
	height: 100px;
	background:aqua;
	border: 1px fuchsia solid;
}

</style>


</head>


<body>
<div id="BookmarkContainer">
</div>
</body>
</html>
